<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>WOW</title>
		<link rel="stylesheet" type="text/css" 
			href="css/stype.css"/>
	</head>
	
	<body>
		<div class="contenter">
			<div align="center">
			<div class="row">
				
		<a href="baidu.html">第一个美女</a>
		<a href="QQ.html">第二个美女</a>
		<a href="sohu.html">第三个美女</a>
		<a href="http://www.baidu.com" title="这是给百度的">第四个美女</a>
		<ul>
			<li></li>
		</ul>
		<!--行内标签
			块级标签
		-->
		<div class="contenter"> 
		<div align="center">
			<div id="1">
			<h1>one</h1>
			<img src="../08.29练习/img/timg.jpg" alt=""/>
			<p> 少女慕琼并不是传统意义上的“乖乖女”，她一直老老实实
				的待在学校里并不是因为校规校纪，而是因为她自己将“离
				校外出”这件事判定为无意义。但在亚当-扎德那针对性满满
				的策略之下，少女慕琼对离校外出这件事的必要性重新考量
				之后，便连拐都不用拐，甚至都不需要亚当在前面领路，自
				己直挺挺的就走出了校门。
                               校规校纪？判定无意义。某种意义上来讲，少女慕琼在心态
                               上和杨老师很一致。两人都少有显露在外的高人一等，但那种
                               我行我素、不因任何外力而打扰的然，实则却是另一种绝对意
                               义的骄傲。
                               但少女慕琼和杨老师之间却存在一个最大的区别——少女慕琼是
                               空灵，杨老师是通透。杨老师是在滚滚红尘中摸爬滚打许久之
                               后，通达本心</p>
		<br />
		</div>
		</div> 
		</div>
		
		<div class="contenter"> 	
		<div align="center">
			<div id="2">
			<h1>two</h1>
			<img src="../08.29练习/img/timg (1).jpg" alt=""/>
			<p> 少女慕琼并不是传统意义上的“乖乖女”，她一直老老实实
				的待在学校里并不是因为校规校纪，而是因为她自己将“离
				校外出”这件事判定为无意义。但在亚当-扎德那针对性满满
				的策略之下，少女慕琼对校里并不是因为校规校纪，而是因为她自己将“离
				校外出”这件事判定为无意义。但在扎德在前面领路，自
				己直挺挺的就走出了校门。
                               校规校纪？判定无	意义。某种意义上来讲，少女慕琼在心态
                               上和杨老师很一致。两人都少有显露在外的高人一等，但那种
                               我行我素、不因任何外力而打扰的然，实则却是另一种绝对意
                               义的骄傲。
                               但少女慕琼和杨老师之间却存在一个最大的区别——少女慕琼是
                               空灵，杨老师是通透。杨老师是在滚滚红尘中摸爬滚打许久之
                               后，通达本心</p>
		<br />
		</div>
		</div> 
		</div>
		
		<div class="contenter"> 	
		<div align="center">
			<div id="3">
			<h1>san</h1>
			<video width="800" height="560" controls>
            <source src="video/movie.mp4" type="video/mp4"></source>
            <source src="movie.h264" type="video/h264"></source>
    
            </video>
			<!--<img src="../08.29练习/img/timg (2).jpg" alt=""/>-->
			<p> 少女慕琼并不是传统意义上的“乖乖女”，她一直老老实实
				的待在学校里并不是因为校规校纪，而是因为她自己将“离
				校外出”这件事判定为无意义。校里并不是因为校规校纪，而是因为她自己将“离
				校外出”这件事判定为无意义。但在亚当-扎德那针对性满满
				的策略之下，少女慕琼对离校外出这在前面领路，自
				己直挺挺的就走出了校门。
                               校规校纪？判定无意义。某种意义上来讲，少女慕琼在心态
                               上和杨老师很一致。两人都少有显露在外的高人一等，但那种
                               我行我素、不因任何外力而打扰的然，实则却是另一种绝对意
                               义的骄傲。
                               但少女慕琼和杨老师之间却存在一个最大的区别——少女慕琼是
                               空灵，杨老师是通透。杨老师是在滚滚红尘中摸爬滚打许久之
                               后，通达本心</p>
		<br />
		</div>
		</div> 
		</div>
		
		                 <!-- 样式 取消排序黑点 CSS在本页面-->
	    <ul type="disc" style="list-style: none">    <!--circle 空心圆   square正方形  disc默认属性-->
		<li>印度深交</li>
		<li>新视觉</li>
		<li>PDD神曲</li>
	    </ul>
	    	
	          <!--不从1开始-->
	    <ol type="1" start="345">  <!-- i 1-9的字符-->    
		<li>印度深交</li>
		<li>新视觉</li>
		<li>PDD神曲</li>
	    </ol>
	    
	    <dl>      
	    	<dt>这是what</dt>     <!--T 表示列表的标题  DD表示列表的具体部分-->
	    	<dd>what是这</dd>
	    	<dd>what是这</dd>
	    	<dd>what是这</dd>
	    	
	    	<dt>这是what</dt>
	    	<dd>what是这</dd>
	    	<dd>what是这</dd>
	    	<dd>what是这</dd>
	    </dl>
	    

		
		<div class="contenter"> 	
		<div align="center">
			<div id="4">
			<h1>si</h1>
			<audio controls>
            <source src="1.mp3" ></source>	
            	
            <source src="1.mp3" ></source>
            </audio>
			<!--<img src="../08.29练习/img/timg (3).jpg" alt=""/>-->
			<p> 少女慕琼并不是传统意义上的“乖乖女”，她一直老老实实
				的待在学校里并不是因为校规校纪，而是因为她自己将“离
				校外出”这件事判定为无意义。但在亚当-扎德那针对性满满
				的策略之下，少女慕琼对离校校里并不是因为校规校纪，而是因为她自己将“离
				校外出”这件事判定为无意义。但在件事的必要性重新考量
				之后，便连拐都不用拐，甚至都不需要亚当在前面领路，自
				己直挺挺的就走出了校门。
                               校规校纪？判定无意义。某种意义上来讲，少女慕琼在心态
                               上和杨老师很一致。两人都少有显露在外的高人一等，但那种
                               我行我素、不因任何外力而打扰的然，实则却是另一种绝对意
                               义的骄傲。
                               但少女慕琼和杨老师之间却存在一个最大的区别——少女慕琼是
                               空灵，杨老师是通透。杨老师是在滚滚红尘中摸爬滚打许久之
                               后，通达本心</p>
		<br />
		</div>
		</div> 
		</div>
		
		
		<a href="#">置顶</a>
		
		</div>
		</div>
		</div>
	</body>
</html>

<!--
	a标签
	 href属性：指定了超链接文字索要跳转的页面
	 target属性：指定了新文件打开目标位置
-->

<!--<a href="#">111</a>置顶-->
	
<div align="center">
<img src="../08.29练习/img/timg (1).jpg" alt=""/>
<img src="../08.29练习/img/timg (1).jpg" alt=""/>
<img src="../08.29练习/img/timg (1).jpg" alt=""/>
<img src="../08.29练习/img/timg (1).jpg" alt=""/>
</div>	

<div>      
	<table border="1" cellspacing="10" cellpadding="15" 
		bgcolor="aqua"  align="center" width="300"> <!--border规定表格边框的厚度值 cellspacing 单元格间距  width宽度值 -->
		                                            <!--cellpadding单元格内边距 文字距离单元格边框的距离   align对其方式  -->
		<tr align="center">
			<td>111</td>
			<td colspan="2">2</td>
			                                 <!--tr=一行  td=一列-->
		</tr>                                <!--合并单元格  colspan 列合并   rowspan行合并-->
		<tr>
			<td rowspan="3">1</td>
			<td>2</td>
			<td rowspan="2">3</td>
		</tr>
		<tr>
			<!--<td>4</td>-->
			<td>5</td>                      
			<!--<td>6</td>-->
		</tr>
		<tr>
			<td>7</td>
			<td colspan="2">8</td>
			
		</tr>
		
		<br />
		<table border="1" cellspacing="2" cellpadding="1" bgcolor="#399999" align="center" width="200" style="background-color: #666666;">
			<tr>
				<td colspan="3" align="center"><img src="img/timg (1).jpg" /></td>
				<!--<td>1</td>
				<td>1</td>-->
			</tr>
			<tr>
				<td rowspan="4"height="300">1</td>
				<td rowspan="4">2</td>
				<td rowspan="4">3</td>
			</tr>
			<tr>
				<!--<td rowspan="3">4</td>-->
				<!--<td rowspan="4">5</td>-->
				<!--<td>6</td>-->
			</tr>
			<tr>
				<!--<td>7</td>-->
				<!--<td>8</td>-->
				<!--<td rowspan="4">9</td>-->
			</tr>
			<tr>
				<!--<td>10</td>-->
				<!--<td>11</td>
				<td>12</td>-->
			</tr>
		</table>
		
		
		
		
	
</div>